<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layout/template.xhtml">
	<ui:define name="body">
		<h:form id="form">
			<p:growl id="growl" showDetail="true" life="4000" />
			<p:panel header="#{messages['label.datosPersonales']}">
				<p:dataTable var="usuario" value="#{consultarUsuario.lazyModel}"
					paginator="true" rows="10"
					paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					rowsPerPageTemplate="5,10,15" selectionMode="single"
					selection="#{consultarUsuario.selectedUsuario}" id="usuarioTable"
					lazy="true" rowKey="#{usuario.idUsuarioIPS}"
					emptyMessage="#{messages['label.noSeEncontroResultado']}">
					<p:ajax event="rowSelect"
						listener="#{consultarUsuario.onRowSelect}"
						update=":form:detealleUsuario"
						oncomplete="PF('dialogoDetalle').show()" />
					<p:column headerText="#{messages['label.primerNombre']}"
						sortBy="#{usuario.primerNombre}"
						filterBy="#{usuario.primerNombre}">
						<h:outputText value="#{usuario.primerNombre}" />
					</p:column>
					<p:column headerText="#{messages['label.segundoNombre']}"
						sortBy="#{usuario.segundoNombre}"
						filterBy="#{usuario.segundoNombre}">
						<h:outputText value="#{usuario.segundoNombre}" />
					</p:column>
					<p:column headerText="#{messages['label.primerApellido']}"
						sortBy="#{usuario.primerApellido}"
						filterBy="#{usuario.primerApellido}">
						<h:outputText value="#{usuario.primerApellido}" />
					</p:column>
					<p:column headerText="#{messages['label.segundoApellido']}"
						sortBy="#{usuario.segundoApellido}"
						filterBy="#{usuario.segundoApellido}">
						<h:outputText value="#{usuario.segundoApellido}" />
					</p:column>
					<p:column headerText="#{messages['label.tipoIdentificacion']}"
						sortBy="#{usuario.tipoIdentificacion}"
						filterBy="#{usuario.tipoIdentificacion}">
						<h:outputText value="#{usuario.tipoIdentificacion}" />
					</p:column>
					<p:column headerText="#{messages['label.numeroIdentificacion']}"
						sortBy="#{usuario.numeroIdentificacion}"
						filterBy="#{usuario.numeroIdentificacion}">
						<h:outputText value="#{usuario.numeroIdentificacion}" />
					</p:column>
				</p:dataTable>

				<p:dialog header="detalle" widgetVar="dialogoDetalle" modal="true"
					showEffect="fade" hideEffect="fade" resizable="false">
					<p:outputPanel id="detealleUsuario" style="text-align:center;">
						<h:outputText value="#{consultarUsuario.selectedUsuario.primerNombre}" />
					</p:outputPanel>
				</p:dialog>

			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>
